<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div id="footer">
	<div class="container">
		<div class="col-md-3 col-sm-6">
			<h4>Pages</h4>
			
			<ul>
				<li><a href="javascript:void(0)">HOME</a></li>
				<li><a href="javascript:void(0)">ABOUT</a></li>
				<li><a href="javascript:void(0)">LIVE</a></li>
			</ul>

			<hr>

			<h4>User section</h4>

			<ul>
				<li><wb:follow-button uid="1663246615" type="red_3" width="100%" height="24" ></wb:follow-button></li>
				<li><wb:follow-button uid="1657095342" type="red_3" width="100%" height="24" ></wb:follow-button></li>
				<li><wb:follow-button uid="1830240041" type="red_3" width="100%" height="24" ></wb:follow-button></li>
			</ul>

			<hr class="hidden-md hidden-lg hidden-sm">

		</div>
		<!-- /.col-md-3 -->

		<div class="col-md-3 col-sm-6">
			<h4>Top categories</h4>

			<h5>TIME</h5>
			<ul>
				<li><a href="${base }/work/2018">2018</a></li>
				<li><a href="${base }/work/2017">2017</a></li>
				<li><a href="${base }/work/2015">2015</a></li>
				<li><a href="${base }/work/2014">2014</a></li>
				<li><a href="${base }/work/2013">2013</a></li>
				<li><a href="${base }/work/2012">2012</a></li>
				<li><a href="${base }/work/2011">2011</a></li>
				<li><a href="${base }/work/2010">2010</a></li>
				<li><a href="${base }/work/2009">2009</a></li>
				<li><a href="${base }/work/other">2008及之前</a></li>
			</ul>
			<hr class="hidden-md hidden-lg">
		</div>
		<!-- /.col-md-3 -->

		<div class="col-md-3 col-sm-6">

			<h4>Where to find us</h4>
			<p>
				<strong>公司地址：北京市 朝阳区 </strong> <br>高碑店 西店村9号楼  A区 （合纵影业）
			</p>
			<p>
				<strong>联系电话：87768479 </strong> <br>丁丁 18301336248
			</p>
			<a href="javascript:void(0)">Go to contact page</a>

			<hr class="hidden-md hidden-lg hidden-sm">

		</div>
		<!-- /.col-md-3 -->



		<div class="col-md-3 col-sm-6">

			<h4>Get the news</h4>

			<p class="text-muted">Pellentesque habitant morbi tristique senectus et netus et malesuada
				fames ac turpis egestas.</p>

			<form>
				<div class="input-group">

					<input type="text" class="form-control"> <span class="input-group-btn">

						<button class="btn btn-default" type="button">Subscribe!</button>

					</span>

				</div>
				<!-- /input-group -->
			</form>

			<hr>

			<h4>Stay in touch</h4>

			<p class="social">
				<a href="javascript:void(0)"><i class="fa fa-facebook-square"></i></a> <a href="javascript:void(0)"><i class="fa fa-instagram"></i></a>
				<a href="javascript:void(0)"><i class="fa fa-google-plus"></i></a> <a href="javascript:void(0)"><i class="fa fa-envelope"></i></a>
			</p>


		</div>
		<!-- /.col-md-3 -->
	</div>
	<!-- /.container -->
</div>